
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>某某地区景点介绍</title>
    <link href="${pageContext.request.contextPath}/css/destination/destination.css" rel="stylesheet">
</head>
<body>
<!--头部导航条-->
<div class="head-nav">
    <div class="head-nav-info">
        <div class="nav-info-logo"></div>
        <div class="nav-info-search">
            <div class="search-area">
                <input type="text" placeholder="搜索目的地">
            </div>
            <div class="search-btn">
                <a href="#">
                    <i></i>
                </a>
            </div>
        </div>
        <div class="nav-info-user"></div>
    </div>

</div>
<div class="main">
    <div class="main-nav">
        <div class="main-nav-info">
            <a href="#">全部</a>
            <a href="#">游记</a>
            <a href="#">景点</a>
        </div>
    </div>
    <div class="destination">
        <div class="destination-info">
            <div class="sights-main-img"><a></a></div>
            <div class="destination-related-sights">
                <div class="related-sights-title">
                    <span>相关地点</span>
                </div>
                <div class="related-sights">
                    <a>
                        <div class="related-sights-img">
                            <img src="${pageContext.request.contextPath}/images/destination/sights1.jpeg">
                        </div>
                        <div class="related-sights-info">
                            <p>标题</p>
                            <p>
                                <b>111</b>
                                <span>点赞数</span>
                            </p>
                        </div>
                    </a>
                </div>
                <div class="related-sights">
                    <a>
                        <div class="related-sights-img">
                            <img src="${pageContext.request.contextPath}/images/destination/sights1.jpeg">
                        </div>
                        <div class="related-sights-info">
                            <p>标题</p>
                            <p>
                                <b>111</b>
                                <span>点赞数</span>
                            </p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="destination-hot-sights">
            <div class="hot-sights-lists">
                <div class="lists-title">
                    <h2><a href="#">附近热门景点</a></h2>
                    <a href="#">全部景点 >></a>
                </div>
                <div class="lists-img">
                    <ul class="img-item">
                        <li>
                            <a><img src="${pageContext.request.contextPath}/images/destination/hangzhou1.jpeg"></a>
                            <p><a href="#">杭州-杭州西湖风景名胜区</a></p>
                        </li>
                        <li>
                            <a><img src="${pageContext.request.contextPath}/images/destination/hangzhou1.jpeg"></a>
                            <p><a></a></p>
                        </li>
                        <li>
                            <a><img src="${pageContext.request.contextPath}/images/destination/hangzhou1.jpeg"></a>
                            <p><a></a></p>
                        </li>
                        <li>
                            <a><img src="${pageContext.request.contextPath}/images/destination/hangzhou1.jpeg"></a>
                            <p><a></a></p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
